<template>
  <div :id="id" style="width: 100%;" :style="{height: height+'px'}" />
</template>
<script>
// import echarts from 'echarts'
import tool from "@/utils/tool";
export default {
  props: {
    height: {type: Number, default: 0},
    options: {type: Object, default: () => {return {}}}
  },
  data () {
    return {
      id: 'chart'+(tool.uuid()),
      myChart: null
    }
  },
  mounted () {
    this.setChart()
  },
  methods: {
    setChart () {
      // this.myChart = echarts.init(document.getElementById(this.id))
    },
    setData( data) {
      // this.myChart.setOption(data)
    }
  }
}
</script>

<style>
</style>
